<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      template="/resources/templates/navegacionTemplate.xhtml">
    <ui:define name="cabecera">
        <title>Resultado de la busqueda</title>
    </ui:define>
    <ui:define name="tabla">
        <p:panel header="Buscar mensajes por:" style="font-size: 12px">
            <h:panelGrid columns="8" width="100%" columnClasses="alir,alil,alir,alil,alir,alil,alir,alil">
                <h:outputLabel value="Palabra clave:" for="pclave"/>
                <p:inputText value="#{resulBusquedaController.pclave}" id="pclave" size="10"/>
                <h:outputLabel value="Usuario:" for="user"/>
                <p:inputText value="#{resulBusquedaController.user}" id="user" size="10" converter="usuarioConverter"/>
                <h:outputLabel value="Posteriores a:" for="finicial"/>
                <p:calendar value="#{resulBusquedaController.finicial}" id="finicial" size="10" readOnlyInputText="true"/>
                <h:outputLabel value="Anteriores a:" for="ffinal"/>
                <p:calendar value="#{resulBusquedaController.ffinal}" id="ffinal" size="10" readOnlyInputText="true"/>
            </h:panelGrid>
            <f:facet name="footer">
                <h:commandButton value="Aceptar" action="#{resulBusquedaController.ejecutarBusqueda}"/>
            </f:facet>
        </p:panel>
        <h:outputText value="Encontrados #{resulBusquedaController.numRes()} resultados."/>
        <br/>
        <p:dataGrid columns="1" paginator="true" rows="10" value="#{resulBusquedaController.mensajes}" var="mensaje" style="font-size: 14px">
            <p:column>
                <p:panel style="font-size: 10px" >
                    <f:facet name="header">
                        <h:panelGrid columns="2" columnClasses="alil,alir" width="100%" cellpadding="0">
                            <h:outputText value="#{mensaje.fecha}">
                                <f:convertDateTime pattern="EE dd/MM/yyyy - HH:mm (+01)"/>
                            </h:outputText>
                            <h:link value="Ir a hilo" outcome="hilo?idhilo=#{mensaje.hilo.id}"/>
                        </h:panelGrid>
                    </f:facet>
                    <h:panelGrid columns="2" width="100%" columnClasses="lateral_msg,texto_msg">
                        <h:column>
                            <h:graphicImage library="images" name="Yin-Yan.jpg" height="100" width="100" style="border: 1px solid black"/>
                            <br/>
                            <h:link value="#{mensaje.usuario.nick}" outcome="perfil?nick=#{mensaje.usuario.nick}" style="font-size: 14px"/>
                        </h:column>
                        <h:column>
                            <h:outputLabel value="#{mensaje.texto}" style="font-size: 12px"/>
                        </h:column>
                    </h:panelGrid>
                </p:panel>
            </p:column>
        </p:dataGrid>
    </ui:define>
</ui:composition>
